.box {
    width:60px;
    height:60px;
    border-radius:4px;
    background:green;
}
.circle {
    position:fixed;
    transform:translate(-50%, -50%);
    top:0;
    left:0;
    border-radius:50%;
    opacity:0.3;
    background:green;
}
.circle.sm {
    width:30px;
    height:30px;
}
.circle.md {
    width:60px;
    height:60px;
}
.circle.lg {
    width:90px;
    height:90px;
}
/* 控件样式 */
.controls {
    display:flex;
    justify-content: center;
    align-items: start;
    margin-top:100px;
}
.control {
    display:flex;
    align-items: flex-start;
}
.control-label {
    margin-top:10px;
}
.control-vertical {
    display:flex;
    flex-direction: column;
    align-content: flex-start;
    text-align:left;
    justify-content: flex-start;
    padding: 6px 8px;
    border-radius: 9px;
    margin-right: 18px;
    color: #bbb;
}